<style lang="less" scoped>
	.header {
		position: relative;
		line-height: 40px;
		color: rgb(121, 81, 81);
		text-align: center;
		background: rgb(216, 213, 213);
		.item {
			position: absolute;
			top: 0;
			bottom: 0;
			z-index: 3;
			a {
				color: rgb(78, 151, 235);
				
			}
		}
		.left {
			left: 10px;
		}
		.right {
			right: 10px;
		}
	}
</style>
<template>
	<header class="header">
		<div class="item left">
			<slot name="left"></slot>
		</div>
		<div class="title">{{title}}</div>
		<div class="item right">
			<slot name="right"></slot>
		</div>
	</header>
</template>
<script>
    export default {
        props: {
            title: {
                type: String,
                default: ''
            }
        }
    }
</script>